.page_content{
  background: #f1f2f6;
  height: 100vh;
  overflow: auto;
}
.page_title{
  font-size: 34px;
  background: #fff;
  font-weight: bold;
  color: #333;
  padding-left: 20px;
  padding-bottom: 50px;
  display: flex;
  .title_text{
    flex:1
  }
  .title_step{
    margin-right: 30px;
    font-size: 36px;
    font-weight: 500;
    color: #888;
    .now_step{
      color: #00BD00;
    }
  }
}
.form_box{
  padding:0 20px;
  background: #fff;
  // border-top: 1px solid #eee;
  .form_item{
    margin: 0;
    border-bottom: 1px solid #eee;
    line-height: 98px;
    height: 98px;
    display: flex;
    .item_title{
      width: 240px;
      font-size: 30px;
      font-weight: 600;
    }
    .item_value{
      flex: 1;
      text-align: right;
      padding: 1px;
      .status_box{
        color: #888;
        .status_cmp{
          color: #00BD00;
        }
        .icon_size{
          color: #888;
          font-size: 30px;
        }
      }
    }
    .code_button{
      width: 190px;
      color: #6190e8;
      line-height: 40px;
      border-left:1px solid #eee;
    }
    .code_button:active{
      opacity: 0.5;
    }
    .code_disable{
      width: 190px;
      color: #888;
      line-height: 40px;
      border-left:1px solid #eee;
    }
  }
  .form_item:first-child{
    border-top: 1px solid #eee;
  }
}
.submit_button{
  margin: 70px 140px 0 140px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #6190e8;
  color: #fff;
  letter-spacing: 8px;
  border-radius: 10px;
}
.submit_button:active{
  opacity: 0.7;
}
.type_line{
  margin-bottom: 20px;
  margin-top: -36px;
  padding-bottom: 40px;
  padding-left: 20px;
  background: #fff;
  font-size: 28px;
  color: #888;
  .text_btn{
    margin-left: 20px;
    color: #6190e8;
  }
}